<!DOCTYPE html>
<html lang="en">
<html>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<title>tmall</title>
<link rel="stylesheet" type="text/css" href="css/style1.css"/>
<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<!-- 侧边栏 -->
<div class="sidebar">
    <div class="main">
        <div class="user act">
            <div class="shop">&#xe757;</div>
            <div class="titbox">我的特权<b>◆</b></div>
        </div>
        <div class="shopcar act">
            <div class="shop">&#x3558;</div>
            <div class="box">购物车</div>
            <div class="border1"></div>
            <div class="titbox">购物车<b>◆</b></div>
        </div>
        <div class="money act">
            <div class="shop">&#xe656;</div>
            <div class="titbox">我的资产<b>◆</b></div>
        </div>
        <div class="fancy act">
            <div class="shop">&#xe612;</div>
            <div class="titbox">我关注的品牌<b>◆</b></div>
        </div>
        <div class="fav act">
            <div class="shop">&#xe63a;</div>
            <div class="titbox">我的收藏<b>◆</b></div>
        </div>
        <div class="his act">
            <div class="shop">&#xe62a;</div>
            <div class="titbox">我看过的<b>◆</b></div>
        </div>
        <div class="pay act">
            <div class="shop">&#xe603;</div>
            <div class="titbox">我要充值<b>◆</b></div>
        </div>
    </div>
    <div class="rest">
        <div class="tip act">
            <div class="shop">&#xe613;</div>
            <div class="titbox">用户反馈<b>◆</b></div>
        </div>
        <div class="ma act">
            <div class="shop">&#xe602;</div>
            <div class=""></div>
        </div>
        <div class="totop act">
            <div class="shop">&#xe78e;</div>
            <div class="titbox">返回顶部<b>◆</b></div>
        </div>
    </div>
    <div class="hidbar">
        <div class="hid-cont">
            <h3>手机扫码，安全登录</h3>
            <div class="contmain">
                <img src="img/ma.png" alt="二维码">
            </div>
            <div class="contfoot">
                <i class="taken">&#xe610;</i>
                <p>打开
                    <a>手机天猫</a>
                    |
                    <a>手机淘宝</a>
                    扫一扫登录
                </p>
            </div>
        </div>
        <div class="contop">
            <b class="x">&times;</b>
            <b class="contop-arrow">◆</b>
        </div>
    </div>
</div>
<div class="hide-money">
    <div class="hide-pay">
        <div class="hide-pay-top">
            <b class="hm-close">&gt;&gt;</b>我要充值
        </div>
    </div>
    <div class="hide-cont">
        <p>手机话费</p>
        <div class="hid-cont-main">
            <div class="hide-input">
                <label for="nob">号码</label>
                <input id="nob" type="text" placeholder="手机号">
            </div>
            <div class="hide-input">
                <label for="price">面值</label>
                <div id="price">
                50
                </div>
            </div>
            <div class="hide-tip">
                <span>售价</span>
                <b>￥49~49.8</b>
            </div>
            <div class="hide-btn">
                <div class="pay-now">立即充值</div>
                <div>定时充值</div>
            </div>
        </div>
    </div>
</div>

<!-- 头部 -->
<div class="header-wrap">
    <div class="header">
        <h1 class="logo">
            <a href="javascript:;">
                <img src="img/logo1.png" alt="">
            </a>
        </h1>
        <div class="ser-tit">
            <div class="tit-box">
                <input class="tit" type="text" placeholder="清新小裤头 秒变大长腿" title="请输入搜索文字">
                <ul class="tit-list">
                
                </ul>
            </div>
            <input class="ser" type="button" value="搜索">
        </div>
    </div>
</div>

<div class="hid-header-wrap">
    <div class="hid-header">
        <div class="logo-tit tm">&#xe7c5;</div>
        <div class="hid-tit">
            <div class="hid-tet-box">
                <input class="hid-tet" type="text" placeholder="戴上超人内裤满街跑，你好我好大家好">
                <ul class="hid-tetlist" >
                    我真是写累了，上面有个可以用的搜索框，去那里搜索有福利
                </ul>
            </div>
            <input class="hid-ser" type="button" value="搜索">
        </div>
    </div>
</div>

<!-- 展示图 -->
<div class="banner-wrap">
    <div class="banner">
        <img src="img/bg2.jpg"/>
    </div>
</div>

<div class="pic-tit-wrap">
    <div class="pic-tit">
        <a class="pic"><img src="img/pict1.jpg"></a>
        <a class="pic"><img src="img/pict2.jpg"></a>
        <a class="pic"><img src="img/pict3.jpg"></a>
        <a style="margin-right: 0;" class="pic"><img src="img/pict4.jpg"></a>
    </div>
</div>

<!-- 楼层 -->

<div class="nav-floor-box">
    <div class="nav-floor ">
        <h3><span></span>热门品牌 HOT BRANDS</h3>
        <!--<div class="glass-box">
            <div class="small">
                <div class="glass-pic">
                    <img src="img/jd1.jpg">
                    <i></i>
                    <div class="fot"></div>
                    <div class="fil"></div>
                </div>
                <div class="pict">
                    <a class="pre" href="javascript:;"></a>
                    <ul class="small-pic">
                        <li>
                            <img src="img/jd1.jpg"/>
                        </li>
                        <li>
                            <img src="img/jd2.jpg"/>
                        </li>
                        <li>
                            <img src="img/jd3.jpg"/>
                        </li>
                        <li>
                            <img src="img/jd4.jpg"/>
                        </li>
                        <li>
                            <img src="img/jd5.jpg"/>
                        </li>
                    </ul>
                    <a class="next" href="javascript:;"></a>
                </div>
            </div>
            <div class="zoom">
                 <img src="img/jd1.jpg"/>
            </div>
        </div>-->

    </div>
    <div class="nav-floor step1">
    <h3><span></span>亲子时光 KIDS & BABY</h3>
    </div>
    <div class="nav-floor step2">
    <h3><span></span>户外运动 OUTDOOR & AUTOMOTIVE</h3>
    </div>
    <div class="nav-floor step3">
    <h3><span></span>打造爱巢 HOME</h3>    
    </div>
    <div class="nav-floor step4">
    <h3><span></span>居家生活 GROCERY & HEALTH</h3>    
    </div>
     <div class="nav-floor step5">
    <h3><span></span>美丽人生 FASHION & BEAUTY</h3>    
    </div>

    <div class="comment-box">
        <h4 class="com-tit">商品评价</h4>
        <div class="com-rank"></div>
        <div id="commen-list" class="mc">
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades"></div>
                    <div class="comment-day tet-type">下单3天后评论</div>
                    <div class="comment-time tet-type">2016-07-13 22:38</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">
                        <em data-tid="1728383">正版</em>
                        <em data-tid="1728384">实例经典</em>
                        <em data-tid="1728385">很实用</em>
                    </div>
                    <div class="p-comment">书不错，内容比较适合初学者，但是包装有点差。。。</div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jduser1.gif" alt="" class="user-ico">
                        <div class="user-name">
                            双***德
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level">
                            铜牌会员
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star"></div>
                    <div class="comment-day tet-type">下单10天后评论</div>
                    <div class="comment-time tet-type">2016-07-06 06:47</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">
                        <em data-tid="1728383"></em>
                        <em data-tid="1728384"></em>
                        <em data-tid="1728385"></em>
                    </div>
                    <div class="p-comment">很不错的东西，快递速度也很快，超级棒?</div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jduser2.jpg" alt="" class="user-ico">
                        <div class="user-name">
                            不***识
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level">
                            铜牌会员
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                        <a href="javascript:;">
                            来自京东Android客户端
                        </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单23天后评论</div>
                    <div class="comment-time tet-type">2016-06-22 17:42</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">
                        <em data-tid="1728383"></em>
                        <em data-tid="1728384"></em>
                        <em data-tid="1728385"></em>
                    </div>
                    <div class="p-comment">good</div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jduser3.jpg" alt="" class="user-ico">
                        <div class="user-name">
                            f***n
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level">
                            银牌会员
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                来自京东iPhone客户端
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单26天后评论</div>
                    <div class="comment-time tet-type">2016-06-17 10:35</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">
                        <em data-tid="1728383"></em>
                        <em data-tid="1728384"></em>
                        <em data-tid="1728385"></em>
                    </div>
                    <div class="p-comment">很好！就是太简单了～适合初学者，但是不适合我！
                    </div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jduser4.jpg" alt="" class="user-ico">
                        <div class="user-name">
                            嫦***吧
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level  golden">
                            金牌会员
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                来自京东Android客户端
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单3天后评论</div>
                    <div class="comment-time tet-type">2016-07-09 15:28</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">
                        <em data-tid="1728383"></em>
                        <em data-tid="1728384"></em>
                        <em data-tid="1728385"></em>
                    </div>
                    <div class="p-comment">开始苦燥的英文学习中。
                    </div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jduser5.jpg" alt="" class="user-ico">
                        <div class="user-name">
                            z***p
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level  golden">
                            金牌会员
                        </span>
                        <span class="u-addr">
                            四川
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                来自京东Android客户端
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单36天后评论</div>
                    <div class="comment-time tet-type">2016-06-01 10:24</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">
                        <em data-tid="1728383">很实用</em>
                        <em data-tid="1728384">性价比高</em>
                    </div>
                    <div class="p-comment">好书
                    </div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jduser1.gif" alt="" class="user-ico">
                        <div class="user-name">
                            c***0
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level">
                            铜牌会员
                        </span>
                        <span class="u-addr">
                            
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单17天后评论</div>
                    <div class="comment-time tet-type">2016-06-20 22:06</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">

                    </div>
                    <div class="p-comment">
                        还不错，字迹清晰，是正版的，值得购买！
                    </div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jdvip.gif" alt="" class="user-ico">
                        <div class="user-name">
                            l***韵
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level golden">
                            金牌会员
                        </span>
                        <span class="u-addr">
                            湖北
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                来自京东Android客户端
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单2天后评论</div>
                    <div class="comment-time tet-type">2016-07-04 17:25</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">

                    </div>
                    <div class="p-comment">
                        书不错
                    </div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jdvip.gif" alt="" class="user-ico">
                        <div class="user-name">
                            d***0
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level">
                            铜牌会员
                        </span>
                        <span class="u-addr">
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                来自京东Android客户端
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单76天后评论</div>
                    <div class="comment-time tet-type">2016-04-21 13:46</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">

                    </div>
                    <div class="p-comment">
                        精辟
                    </div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jdsvip.gif" alt="" class="user-ico">
                        <div class="user-name">
                            l***3
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level diamond">
                            钻石会员
                        </span>
                        <span class="u-addr">
                            上海
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                                来自京东Iphone客户端
                            </a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="comment-main">
                <div class="comments cm1">
                    <div class="grades star5"></div>
                    <div class="comment-day tet-type">下单30天后评论</div>
                    <div class="comment-time tet-type">2016-06-05 15:50</div>
                </div>
                <div class="comments cm2">
                    <div class="p-tab">
                        <em data-tid="1728383">专业必备</em>
                    </div>
                    <div class="p-comment">
                        还行吧，正在使用。
                    </div>
                    <div class="comment-oper">
                        <a href="javascript:;">点赞（0）</a>
                        <a href="javascript:;">回复（0）</a>
                    </div>
                </div>
                <div class="comments cm3">
                    <div class="comment-user">
                        <img src="img/jdvip.gif" alt="" class="user-ico">
                        <div class="user-name">
                            Z***1
                        </div>
                    </div>
                    <div class="tet-type">
                        <span class="vip-level diamond">
                            钻石会员
                        </span>
                        <span class="u-addr">
                            北京
                        </span>
                    </div>
                    <div class="user-item" data-cid="0">
                        <span class="user-access">
                            <a href="javascript:;">
                            </a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <p>
                <span id="page-pre" rel="0" >上一页</span>
                <a rel="1" class="aactive" href="javascript:;">1</a>
                <a rel="2" href="javascript:;">2</a>
                <a rel="3" href="javascript:;">3</a>
                <a rel="4" href="javascript:;">4</a>
                <a rel="5" href="javascript:;">5</a>
                <a rel="6" href="javascript:;">6</a>
                ...
                <span id="page-next" rel="7">下一页</span>
            </p>
            
        </div>
    </div>
    
</div>


<!-- 楼层展示 -->
<div class="lift-box">
        <div class="floor-info">
            导航
        </div>
        <div class="floor-box">
            <a href="javascript:;" id="floor1">
                <div>亲子时光</div>
                
            </a>
            <a href="javascript:;" id="floor2">
                <div>户外出行</div> 
                
            </a>
            <a href="javascript:;" id="floor3">
                <div>打造爱巢</div>
                
            </a>
            <a href="javascript:;" id="floor4">
                <div>居家生活</div>
                
            </a>
            <a href="javascript:;" id="floor5">
                <div>美丽人生</div>
            </a>
            <a href="javascript:;" id="rankto">
                <i class="shop top">&#xe78e;</i>
                <span></span>
            </a>
        </div>
        
</div>




</body>
</html>